<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	
		<meta name="viewport" content="width=device-width,initial-scale=0.6,minimum-scale=0.6,maximum-scale=0.6,user-scalable=no" />
		<style type="text/css">
		</style>
		
	
	</head>
	<body>
	
		<div id="container">
			<div id="wrap"></div>
				<div id="tips"><p></p> <p id="window">使用上下左右控制方块的移动</p><p id="phone">点击下方按钮可以移动方块</p> <p>相同数字的方块可以合成更大数字的方块</p><p></p></div>
				
				<div id="mask">		
					<h4 class="version">当前版本:1.2</h4>
					<h2>2048小游戏</h2>
					<p>点击屏幕<br/><br/>开始试玩</p>
				</div>
				<div id="restart">重新开始</div>
				<div id="back">后退</div>
				
				<div id="control">
					<div id="top">
						<div class="btn"></div>
						<div class="btn"></div>
					</div>
					<div id="bottom">
						<div class="btn"></div>
						<div class="btn"></div>
					</div>
			</div>
		</div>
		<script src="layer_mobile/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/pixi.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript">
			layer.open({
			    type: 2
			    ,content: '加载中'
			    ,time: 2
			    ,shadeClose: false
			    ,style: 'height:100px;font-size:24px;'
			});
			  layer.open({
			    content: '当前版本添加了后退功能,关卡介绍!'
			    ,skin: 'msg'
			    ,time: 2 //2秒后自动关闭
			    ,style: 'padding:10px;font-size:30px;text-shadow:5px 5px 5px gray;border-radius:15px;'
			  });
  		var container=document.getElementById("container");
  		setTimeout(function(){
  			container.style.display="block";
  		},2000)
		</script>
	
		
	</body>
</html>
